<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>~~lovely life</title>

<link rel="stylesheet" type="text/css" href="/assets/css/animate/animate.css" />
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/bootstrap.css" />

<!--必要样式-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
<!-- 侧边菜单 -->
<link rel="stylesheet" type="text/css" href="css/side.css" />
<link href="css/article.css" rel="stylesheet" type="text/css">
<!-- 页面样式 -->
<link rel="stylesheet" type="text/css" href="css/index.css" />

<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body>
	<div class="container-fluid" id="app"></div>
	<div class="menu-wrap">
		<nav class="menu">
			<div class="icon-list">
				<a href="#"><i class="icon-doc-text">&#xe800;</i><span>Articles</span></a>
				<a href="#"><i class="icon-mail">&#xe801;</i><span>Messages</span></a>
				<a href="#"><i class="icon-chat-empty">&#xe804;</i><span>Websocket</span></a>
				<a href="#"><i class="icon-chart-bar">&#xe802;</i><span>Analytics</span></a>
				<a href="#"><i class="icon-code">&#xe803;</i><span>Program&nbsp;Life</span></a>
			</div>
		</nav>
		<button class="close-button" id="close-button">Close Menu</button>
	</div>
	
	<!-- 遮罩 -->
	<div id="maskLayer"></div>
	
	<!-- 传送门 -->
	<script type="text/template" id="magicDoorTel">
		<div id="magic-door">
			<a>传送门</a>
			<ul>
				<li>Articles</li>
				<li>Messages</li>
				<li>Websocket</li>
				<li>Analytics</li>
			</ul>
		</div>
	</script>
	
	<!-- 显示一篇文章 -->
	<script type="text/template" id="articleTel">
		<header class="titleBox1">
			<h1>
				<%= id %>
				<span><%= id %></span>
			</h1>
		</header>
		<p class="link-border">
			一会儿，他觉得她呼吸正常了，脸庞无意识地 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 轻轻起伏 </a>
			，间或触着他的脸。他闻到了她高热散发的一种气息，吸着它，如同自己吞饮着 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 对方身体的爱欲 </a>
			。刹那间，他又幻想着自己与她在一起已有漫漫岁月，而现在她正行将死去。他突然清楚地意识到自己不能死在她之后，得躺在她身边，与她 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 一同赴死 </a>
			。他挨着她的头，把脸埋在枕头里过了许久。
		</p>
		<p>
			一会儿，他觉得她呼吸正常了，脸庞无意识地 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 轻轻起伏 </a>
			，间或触着他的脸。他闻到了她高热散发的一种气息，吸着它，如同自己吞饮着 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 对方身体的爱欲 </a>
			。刹那间，他又幻想着自己与她在一起已有漫漫岁月，而现在她正行将死去。他突然清楚地意识到自己不能死在她之后，得躺在她身边，与她 <a
				href="http://www.webhek.com/misc-res/link-style/#"> 一同赴死 </a>
			。他挨着她的头，把脸埋在枕头里过了许久。
		</p>
	</script>
	
	<!-- 文章列表中的一项 -->
	<script type="text/template" id="articleItemTel">
		<div class="article">
			<div class="container-fluid animated lightSpeedIn">
				<div class="titleBox">
					<h3><a href="#/article/<%= id %>"><%= caption %></a></h3>
					<span class="time">
					发布于：<small><%= createTime %></small>
					</span>
				</div>
				<div class="contentInfo">
					<%= content %>
				</div>
			</div>
		</div>
  	</script>
  	
  	<!-- app顶部 -->
  	<script type="text/template" id="appTopTel">
		<div id="appTop" class="appTop row animated lightSpeedIn" style="color: #fff;">
			<h1>快乐的潇洒哥</h1>
			<a id="signature">生活是一种态度,寻找自己的精彩!</a>
			<button class="menu-button" id="open-button"></button>
		</div>
  	</script>
	
	<script src="assets/js/lib/jquery-1.11.1.min.js"></script>
	<!-- js工具 -->
	<script src="assets/js/JsTools.js"></script>
	
	<!-- backbone库 -->
	<script src="assets/js/underscore/underscore.js"></script>
	<script src="assets/js/backbone/backbone.js"></script>
	<!-- 侧边菜单 -->
	<script src="assets/js/app/side.js"></script>
	<!-- App脚本 -->
	<script src="assets/js/app/app.js"></script>
</body>
</html>